/*Make from Mr.shine*/
/*2016-03-01 16:20*/
/*www.zjhz.cn*/

/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;

.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}
/*container*/
.container{
	width:1200px;
	overflow: hidden;
	margin:0 auto;
	clear:both;
}



*{ font-weight:normal; line-height:30px; text-align:justify; font-size:14px; color:#666;}
img,a{ display:block;}
a{ color:#666;}
strong{ font-weight:bold;}
a:focus{outline:none;}

#head{ width:100%;}
#head .head_content{ width:1200px; margin:0 auto; overflow:hidden;}
#head .head_content .logo{ float:left; margin-top:30px;}
#nav{ float:right;}
#nav li{ float:left;}
#nav li a{ padding:0 20px; line-height:100px; font-size:16px; color:#666;}
#nav li a:hover{ background-color:#f95757; color:#fff;}




#footer{ width:100%; margin-top:60px; background-color:#181818;}
.footer_content{ width:1200px; margin:0 auto; overflow:hidden; padding:50px 0;}
.footer_content .message{ float:left; width:400px; color:#fff; font-size:12px; background:url(../images/img10.png) no-repeat right center;}
.footer_content .message a{display:inline-block}
.footer_content .base_nav_container{ float:left; width:400px; overflow:hidden; background:url(../images/img10.png) no-repeat right center;}
.footer_content .base_nav_container ul{ float:left; margin-left:180px;}
.footer_content .base_nav_container ul li{ margin-bottom:4px;}
.footer_content .base_nav_container ul li a{ line-height:24px; font-size:12px; color:#fff;}
.footer_content .base_nav_container ul li a:hover{ color:#b3b3b3; text-decoration:underline;}
.footer_content .Qr_code{ float:right; width:400px;}
.footer_content .Qr_code div{ margin-top:38px; margin-left:150px;}
.footer_content .Qr_code div p{ color:#fff; font-size:14px; line-height:45px;}





.insidebanner{ position:relation;}
#page_scroll:hover{ background-color:#1f1f1f; color:#fff!important;}
#index_scroll:hover{ background-color:#1f1f1f; color:#fff!important;}



.bx-controls{ display:none;}





#sidenav{ width:100%; background-color:#5a3323;}
.sidenav_list{ zoom:1; width:1200px; margin:0 auto;}
.sidenav_list:after{ content:""; display:block; clear:both;}
.sidenav_list li{ float:left; margin-right:24px;}
.sidenav_list li div a{ display:block; color:#fff; font-size:14px; line-height:58px;}
.sidenav_list li div a:hover{ text-decoration:underline;}


.inset{ margin-top:30px; width:100%;}
.container{ width:1200px; margin:0 auto;}
.cap_container{ margin-bottom:60px;}
.cap_container h3{ font-size:36px; color:#000; line-height:56px; text-align:center;}
.cap_container h4{ color:#666; font-size:18px; line-height:30px; text-align:center;}
.container .wrap_colproduct{ margin-top:30px;}
.container .colproduct{ margin-top:30px;}


.container .colproduct .son_productview_title{text-align:center; font-size:18px; color:#333; font-weight:bold; line-height:36px; margin-bottom:14px;}
.container .colproduct .son_productview_time img{margin:0 auto;}
.container .colproduct .lineheight{ margin-top:30px;}
.container .colproduct .son_productview_title{}



#cate_list{ zoom:1;}
#cate_list:after{ content:""; display:block; clear:both;}
#cate_list li{ float:left; position:relative; width:590px; margin-right:20px; margin-top:20px;}
#cate_list li a img{ width:100%;}
#cate_list li a p{ position:absolute; width:100%; line-height:140px; text-align:center; font-size:30px; color:#202020; font-weight:bold; bottom:0; left:0; background-color:rgba(255,255,255,0.7); opacity:0; filter:alpha(opacity=0);}



.inset .gs{ zoom:1; width:1200px; margin:0 auto;}
.inset .gs:after{ content:""; display:block; clear:both;}




#news_list{ width:100%;}
#news_list li{ zoom:1; margin-bottom:20px;}
#news_list li:after{ content:""; display:block; clear:both;}


#products_list{ zoom:1;}
#products_list:after{ content:""; display:block; clear:both;}
#products_list li{ float:left; width:270px; margin-right:40px; display:block; margin-bottom:20px;}
#products_list li:hover{ opacity:0.7; filter:alpha(opacity=70);}
#products_list li a{ height:200px; overflow:hidden;}
#products_list li a img{ height:100%; margin:0 auto;}
#products_list li p{ line-height:45px; font-size:14px; text-align:center; color:#666;}

.last{ margin-right:0!important;}




.num,.current,.prev,.next{ display:inline-block!important; padding:0 10px; height:30px; border:solid 2px #f95757; margin:0 5px; text-align:center; line-height:30px; font-size:14px; color:#f95757;}
.current{ color:#fff; background-color:#f95757;}
.mypage{ overflow:hidden; margin-top:30px; text-align:center;}
.mypage div{ display:inline-block;}



.orientation{ overflow:hidden; margin-top:30px;}
.previous1{ float:left;}
.next1{ float:right;}




#products_page_list li{ margin-bottom:14px; zoom:1;}
#products_page_list li:after{ content:""; display:block; clear:both;}
#products_page_list li a{ float:left; width:240px;}
#products_page_list li a img{ width:100%;}
#products_page_list li div{ float:right; width:920px;}
#products_page_list li div h3{ line-height:45px; font-size:16px; color:#666; background:url(../images/img9.png) no-repeat 0 bottom;}
#products_page_list li:hover a{ opacity:0.7; filter:alpha(opacity=70);}
#products_page_list li div p{ color:#999; font-size:12px; margin-top:10px;}


/*
.products_column{ width:1200px; margin:0 auto; margin-top:30px;}
#products_index_list{ zoom:1; margin-top:24px;}
#products_index_list:after{ content:""; display:block; clear:both;}
#products_index_list li{ width:580px; margin-right:40px; float:left; margin-bottom:20px;}
#products_index_list li a{ width:240px; float:left;}
#products_index_list li a img{ width:100%;}
#products_index_list li a:hover{ opacity:0.7; filter:alpha(opacity=70);}
#products_index_list li div{ float:right; width:320px; margin-left:20px;}
#products_index_list li div h3{ font-size:16px; line-height:45px; border-bottom:solid 1px #bbb; color:#5b3321;}
#products_index_list li div p{ font-size:12px; color:#999; line-height:30px; margin-top:14px;}
*/





#cptp{
	width:1200px;
	overflow:hidden;
}

#cptp ul{ zoom:1;}
#cptp ul:after{ content:""; display:block; clear:both;}

#cptp ul li {
	float:left;
	overflow:hidden;
	text-align:center;
}
#hzhb ul li div{ float:left;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#cptp ul li div{ float:left; overflow:hidden; width:280px; margin-right:20px;}
#cptp ul li div a img{ width:100%; display:block;}
#cptp ul li div a p{ line-height:60px; font-size:14px; color:#666; text-align:center;}
.levelone{ margin-top:24px;}









article{ width:100%; margin-top:60px;}
.Introduction_column{ width:1200px; margin:0 auto;}
.column_cap h3{ font-size:36px; color:#000; line-height:56px; text-align:center;}
.column_cap h4{ color:#666; font-size:18px; line-height:30px; text-align:center;}
.Introduction_column .Introduction_text{ margin-top:45px; text-align:center; line-height:40px; font-size:14px; color:#666;}
.Introduction_column .Introduction_text p{ margin-top:45px; text-align:center; line-height:40px; font-size:14px; color:#666;}

.fabric_column{ width:1200px; margin:66px auto 0; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding:66px 0;}
#fabric_list{ zoom:1;}
#fabric_list:after{ content:""; display:block; clear:both;}
#fabric_list li{ width:400px; float:left;}
#fabric_list li img{ margin:0 auto;}
#fabric_list li h4{ font-size:18px; line-height:40px; color:#666; text-align:center; margin-top:18px;}
#fabric_list li p{ text-align:center; font-size:14px; color:#999; line-height:30px;}
#fabric_list li a{ font-size:12px; text-align:center; color:#f95757; margin-top:10px;}
#fabric_list li a:hover{ color:#b60000;}

.finished_column{ width:1200px; margin:0 auto; margin-top:30px;}



/*jsnl*/
.mainjsnl{
	width:100%;
	background:url("../images/tongyong.jpg");
	height:780px;
}

.mainjsnlhead{
	text-align:center;
}

.mainjsnlhead h1{
	 width:1100px; margin:0 auto; font-size:22px; text-align:center; line-height:45px; color:black; background:url(../images/sandaogang.png) no-repeat center bottom;
}
.mainjsnlhead p{
	 font-size:14px; color:#666; text-align:center; width:1180px; margin:0 auto; line-height:30px;
}

/*tab切换*/
.slideTxtBox{margin:0 auto;text-align:center;position:relative; width:1200px;}
.slideTxtBox .hd{ height:28px; line-height:28px; position:relative;margin-top:40px;}
.slideTxtBox .hd ul{ float:left;  position:absolute; height:28px;left:29%;}
.slideTxtBox .hd ul li{ float:left; width:100px;margin-left:20px;}
.slideTxtBox .hd ul li a{text-align:center;color:white; line-height:28px;background:#303437;}
.slideTxtBox .hd ul li a:hover{ background:#f95757;}
.slideTxtBox .hd ul li.on{ background:#f95757; color:#fff;}
.slideTxtBox .bd{position:relative;}
.slideTxtBox .bd ul{ overflow:hidden;}
.slideTxtBox .bd li{line-height:24px;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd ul li{
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:26px;
	margin-bottom:5px;
	width:280px;
	height:220px;
}
.slideTxtBox .bd ul li a{ height:220px; didsplay:block;}
.slideTxtBox .bd ul li a img{ height:100%; margin:0 auto;}
.slideTxtBox .bd ul li:hover img{
	opacity:0.7;
	transition: all 0.5s ease 0s;
}
.slideTxtBox .bd .watch a{
	font-size:14px;
	color:#0c5b95;
	position:absolute;
	padding:5px;
	border:2px solid #0c5b95;
	bottom:-70px;
	left:50%;
	margin-left:-50px;
}
/*jsnl*/





.contact_index_column{ width:1200px; margin:0 auto; margin-top:30px;}
.contact_index_column p{ margin-top:42px; text-align:center; font-size:14px; color:#666; line-height:40px;}



.jianjie{ font-size:14px; line-height:40px; color:#666; text-align:center; display:block;}